<template>
  <!--三楼广告图  -->
  <div class="ganggao-a">
    <audio
      class="music"
      style="width: 50vw"
      autoplay="autoplay"
      loop="loop"
      src="../assets/背景音乐.mp3"
    ></audio>
    <h2>精彩活动</h2>
    <div class="guanggao-b">
      <img src="../assets/img/1665659230434.jpg" alt="" />
    </div>
    <!-- <canvas style="position:absolute; top:43.5px; left:0px; " id="cvs" width="400" height="224.5"></canvas> -->
    <div class="yuyue">
      <!-- 发送弹幕 -->
      <!-- <input type="text" placeholder="输入弹幕内容" id="dminput">
      <br>
      <button id="send" @click="speak">发送弹幕</button> -->
      <p>立刻参与更多优惠活动和婚纱</p>
      <button @click="Yuyue" v-if="$store.state.uname" >点击西式婚纱</button>
      <button @click="Login" v-if="!$store.state.uname" >点击登录</button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    Yuyue() {
      this.$router.push("/western");
    },
    Login(){
      this.$router.push("/login")
    }
   
  },
};
</script>

<style scoped src="../assets/CSS/guanggao.css">
</style>